function showSuccessMsg() {
    $('.popup_con').fadeIn('fast', function() {
        setTimeout(function(){
            $('.popup_con').fadeOut('fast',function(){}); 
        },1000) 
    });
}

function getCookie(name) {
    var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
    return r ? r[1] : undefined;
}

$(document).ready(function () {
     $.get("/api/v1.0/user",function (resp) {
        //用户未登录
        if("4101"==resp.errno){
            location.href="/login.html"
        }else if("0"==resp.errno){//查询到了用户信息
            $("#user-name").val(resp.data.name);
        }
    },"json");

    //修改用户名
    $("#form-name").submit(function (e) {
        //阻止表单的默认提交行为
        e.preventDefault()

        var name= $("#user-name").val()
        if (!name){
            alert("名字不能为空")
            return
        }

        $.ajax({
            url:"/api/v1.0/users/name",
            type:"PUT",
            data:JSON.stringify({"name":name}),
            contentType:"application/json",
            dataType:"json",
            headers:{
                "X-CSRFToken":getCookie("csrf_token")
            },success:function (resp) {
                if(resp.errno==="0"){
                    //隐藏错误信息
                    $(".error-msg").hide()
                    //显示成功消息
                    showSuccessMsg()
                }else if(resp.errno==="4101"){
                    location.href="/login.html"
                }else{
                    $(".error-msg").html(resp.errmsg)
                    $(".error-msg").show()
                }
            }
        })



    })
    //给表单元素注册提交事件
    $("#form-avatar").submit(function (e) {
        //阻止表单的默认提交行为
        e.preventDefault()

        //使用jquery.form插件完成表单数据自动提交到后台服务器的过程
        $(this).ajaxSubmit({
            url:"/api/v1.0/users/avatar",
            type:"post",
            dataType:"json",
            headers:{
                "X-CSRFToken":getCookie("csrf_token")
            },
            success:function (resp) {
                if(resp.errno=="0"){//上传成功后客户端回送的响应码
                    //获取后端返回给前端的七牛图片的完整访问路径
                    var avatar_url = resp.data.avatar_url
                    console.log("avatar_url="+avatar_url)
                    $("#user-avatar").attr("src",avatar_url)
                }else if(resp.errno == "4101"){
                    location.href="/login.html"
                } else{
                    alert(resp.errmsg) //如果上传失败，显示错误消息
                }

            }
        })

    })
})

